import React, { Component } from "react";

import UserHead from "../UserHead/UserHead";

import "./VideoListTop.css";

import videoListTopLOGO from "../images/logo.png";
import VideoListTopButton from "../VideoListTopButton/VideoListTopButton";

class VideoListTop extends Component {
    render() {
        return (
            <div className="videolist-top">
                <div className="videolist-top-logo-wrap">
                    <img src={videoListTopLOGO} className="videolist-top-logo" />
                </div>
                <UserHead/>
                { this.getVideoListTopButton() }
            </div>
        );
    }

    getVideoListTopButton(){
        return  React.Children.map(this.props.children,(child)=>{
            return (<div className={'child'}>{child}</div>)
        })
    }
}

export default VideoListTop;
